<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>Baomidou-Admin</title>
    <link rel="stylesheet" href="../plugins/layui-v2.4.5/css/layui.css" media="all"/>
    <link rel="icon" href="../public/images/favicon.ico"/>
    <link rel="stylesheet" href="../plugins/layer-v3.1.1/theme/default/layer.css"/>
    <link rel="stylesheet" href="../plugins/font-awesome-v4.7.0/css/font-awesome.min.css"/>
    <!--框架所需样式-->
    <link rel="stylesheet" href="../public/css/common/index.css"/>
    <link rel="stylesheet" href="../public/css/common/theme_default.css"/>
    <style type="text/css">
        #hideMenu {
            position: absolute;
            top: 200px;
            left: 55px;
            z-index: 1000;
            display: none;
        }

        #hideMenu .layui-nav-tree {
            width: 200px;
            padding: 0;
            margin-top: 0px
        }

        #hideMenu .layui-nav .layui-nav-item a {
            padding: 0 20px;
        }

        #hideMenu .layui-nav-itemed > .layui-nav-child {
            background-color: #393D49 !important;
        }

    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- nav start 导航部分开始 -->
    <div class="layui-header navbar-header">
        <ul class="layui-nav layui-layout-left left-nav-list">
            <li class="layui-nav-item nav-top-icon" lay-unselect>
                <a href="javascript:;" class="menuBtn" lay-tips="显示/隐藏菜单"><i class="fa fa-navicon"
                                                                             style="font-size: 16px;"></i></a>
            </li>
            <li class="layui-nav-item nav-top-icon" lay-unselect>
                <a href="javascript:;" class="refreshBtn" lay-tips="刷新"><i class="fa fa-refresh"
                                                                           style="font-size: 16px;"></i></a>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right nav-header-right">
            <li class="layui-nav-item nav-top-icon" lay-unselect>
                <a href="javascript:;" lay-tips="消息"><i class="fa fa-bell-o" style="font-size: 16px;"></i></a>
            </li>
            <li class="layui-nav-item nav-top-icon" lay-unselect>
                <a href="javascript:;" lay-tips="更换主题" class="choose-theme-btn"><i class="fa fa-tachometer"
                                                                                   style="font-size: 16px;"></i></a>
            </li>
            <li class="layui-nav-item nav-top-icon" lay-unselect>
                <a href="javascript:;" lay-tips="全屏" class="full-scann"><i class="fa fa-television"
                                                                           style="font-size: 16px;"></i></a>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a href="javascript:;" class="user-and-img">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    Baomidou&nbsp;&nbsp;
                </a>
                <a href="javascript:;" class="user-and-icon"><i class="fa fa-user-o" style="font-size: 16px;"></i></a>
                <dl class="layui-nav-child top-user-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <!-- nav end 导航部分结束 -->


    <!-- menu start 菜单部分开始 -->
    <div class="layui-side layui-bg-black left-navbar-menu">
        <div class="layui-side-scroll">
            <div class="layui-logo">
                <a href="#" class="logo-text"><i class="fa fa-pagelines" style="font-size: 20px;"></i> <span
                        class='logo-text-value'>Baomidou-Admin</span></a>
            </div>

            <ul class="layui-nav layui-nav-tree left-menu" lay-filter="menu" lay-shrink="all"></ul>

        </div>
    </div>

    <div id="hideMenu">

    </div>
    <!-- menu end 菜单部分结束 -->

    <!-- content start 内容部分开始 -->
    <div class="layui-body">
        <div class="layui-tab" lay-allowClose="true" lay-filter="tabNav">
            <ul class="layui-tab-title content-tab-title">
                <li lay-id="0" style="display: none"><i class="layui-icon">&#xe68e;</i> 模板</li>
                <li lay-id="0" class="layui-this"><i class="fa fa-home" style="font-size: 16px;"></i> 主页</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show"></div>
                <div class="layui-tab-item layui-show">
                    <iframe id="contentIframe" src='./advancedSearch.html' scrolling='auto' width='100%' height='100%'
                            frameborder='0' class="layui-anim layui-anim-upbit perfree-ifram"></iframe>
                </div>
            </div>
        </div>

        <!-- 菜单左右移动键开始 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next rightPage"></div>

            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd><a class="closeNowBtn">关闭当前标签页</a></dd>
                            <dd><a class="closeOtherTabs">关闭其它标签页</a></dd>
                            <dd><a class="closeAllTabs">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 菜单左右移动键结束 -->

    </div>
    <!-- content end 内容部分结束 -->

    <!-- footer start 底部footer开始 -->
    <div class="layui-footer">
        © ant.baomidou.com - Baomidou小记
    </div>
    <!-- footer end 底部footer结束 -->
</div>
<!-- theme start 主题设置开始 -->
<div class="layui-card theme">
    <div class="layui-card-header">主题设置</div>
    <div class="layui-card-body theme-box-body"></div>
</div>
<!-- theme end 主题设置结束 -->
<script type="text/javascript" src="../plugins/jquery-v2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="../plugins/layui-v2.4.5/layui.js"></script>
<script type="text/javascript" src="../plugins/layer-v3.1.1/layer.js"></script>
<script type="text/javascript" src="../public/js/module/menu.value.js"></script>
<script type="text/javascript" src="../public/js/common/yh_index.js"></script>
<script>
    //初始化菜单,传入json,格式参考menu.alue.js
    util.initMenu(menu);
    //ifram自适应
    util.iframeAuto();
    //初始化主题,如自己增加主题,可参考theme.js,增加json格式信息及css文件即可
    util.initTheme(theme);
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</body>
</html>
